$(document).ready(() => {
    let $tables = $('.table-partial-collapse')

    let limit = 5

    if ($tables.length <= 0 ) {
        return false
    }

    $tables.each((idx, $table)=> {
        let trLen = $('tr', $table).length

        if (trLen < limit) return

        $('.table-partial-collapse-toggler', $table).show().addClass('show')

        $('tr', $table).each((i, tr) => {
            if (i - 1 >= limit) $(tr).hide()
        })

        $('.table-partial-collapse-toggler', $table).on('click', (e) => {
            e.preventDefault()
            let $this = $(e.currentTarget)

            if ($this.hasClass('collapsed')) {
                // 操作‘展开’
                $('tr', $table).show()
                $this.removeClass('collapsed')
            }
            else {
                // 操作‘收起’
                $('tr', $table).each((i, tr) => {
                    if (i - 1 >= limit) $(tr).hide()
                })
                $this.addClass('collapsed')
            }
        })

    })
})